<template>
  <div class="main">
    <el-form ref="form" label-width="80px">
      <el-form-item label="账号">
        <el-input placeholder="请输入账号" clearable>
        </el-input>
      </el-form-item>
      <el-form-item label="密码">
        <el-input placeholder="请输入账号" clearable>
        </el-input>
      </el-form-item>
      <el-form-item>
        <el-button size="medium" type="primary">提交</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>
 <script>
import { Button, Select, Input, Form } from 'element-ui'
export default {
  data() {
    return {
      hello: 'hello world'
    }
  },
  components: { Button, Select }
}
</script>
 
 <style lang="less" >
.main {
  margin: auto;
  width: 360px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  form {
    align-self: center;
    margin: auto 0;
  }
}
</style>
 